<template>
	<view class="paymentDetails">
		<u-navbar :title="navbarTitle" title-color="#333" back-icon-color="#333"></u-navbar>
		<!--下面的部分-->
		<view class="payment-explan">
			<view class="pay-amount">
				<text class="pay-doll">交易金额</text>
				<text class="pay-dell" v-if="objType.ORMTB479CA02>0">+{{objType.ORMTB479CA02}}</text>
				<text class="pay-dell" v-else>{{objType.ORMTB479CA02}}</text>
			</view>
			<view class="pay-line"></view>
			<!---->
			<view class="pay-list" v-if="TYPE=='JY'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{objType.ORMTB479CA05||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{objType.ORMTB479CA06||''}}</text>
					</view>
					<view class="pay-list-li" style="display: inline-block;">
						<text class="pay-type">备注：</text>
						<text class="pay-type-explan">{{objType.ORMTB479CA07||''}}</text>
					</view>
				</view>
			</view>
			<view class="pay-list"v-else-if="TYPE=='SR'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">损耗重量</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC10||0}}吨</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费总额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC12||''}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">损耗扣款</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC11||0}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA40||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA08||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA09||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view> -->
				</view>
			</view>
			
			<view class="pay-list"v-else-if="TYPE=='YK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CC01||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA08||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA09||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view> -->
				</view>
			</view>
			<view class="pay-list"v-else-if="TYPE=='QX'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA40||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA08||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA09||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view> -->
				</view>
			</view>
			<!--  -->
			
			<view class="pay-list" v-else-if="TYPE=='YDKK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">运费运单扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA24||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">扣款金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA02||''}}元</text>
					</view> -->
				<!-- 	<view class="pay-list-li">
						<text class="pay-type">优惠券抵扣</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CD00}}元</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">企业</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA05||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">车牌号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA01||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA19||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料单价</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA20||''}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC07||''}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费每吨</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA14+'元'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费总计</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC06+'元'||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">管理费</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA45+'元'||''}}</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">结算金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA02+'元'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算净重</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CC08+'吨'||''}}</text>
					</view>
					
					<!-- <view class="pay-list-li">
						<text class="pay-type">结算毛重</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC05+'吨'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08}}</text>
					</view> -->
				</view>
			</view>
			
			<view class="pay-list" v-else-if="TYPE=='CJSY'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">收益类型</text>
						<text class="pay-type-explan">抽奖收益</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA24||''}}</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">到账时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
				</view>
			</view>
			
			<view class="pay-list" v-else-if="TYPE=='LXSY'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">收益类型</text>
						<text class="pay-type-explan">拉新收益</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA24||''}}</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">到账时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
				</view>
			</view>
			
			<view class="pay-list" v-else-if="TYPE=='BC'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">取消扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA02||''}}元</text>
					</view>
				<!-- 	<view class="pay-list-li">
						<text class="pay-type">优惠券抵扣</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CD00}}元</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<!-- <view class="pay-list-li">
						<text class="pay-type">扣款原因</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB470CA05||''}}</text>
					</view> -->
					<!-- <view class="pay-list-li">
						<text class="pay-type">结算毛重</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC05+'吨'||''}}</text>
					</view> -->
					<view class="pay-list-li">
						<text class="pay-type">扣款原因</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08}}</text>
					</view>
				</view>
			</view>
			
			<view class="pay-list" v-else-if="TYPE=='KK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA02||''}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">优惠券抵扣</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CD00}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">企业</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CA05||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">车牌号</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CA01||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC02||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC06||''}}元</text>
					</view>
					
					<view class="pay-list-li">
						<text class="pay-type">结算金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC06+'元'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算净重</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC04+'吨'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算毛重</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB440CC05+'吨'||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08}}</text>
					</view>
				</view>
			</view>
			<!-- 
			<view class="pay-list" v-else-if="TYPE=='TK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">退款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款金额</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA02||''}}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款客户</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA08||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB421CA09||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款说明</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA06||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view>
				</view>
			</view>
			<!--  -->
			<view class="pay-list" v-else-if="TYPE=='HC'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">红冲</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">红冲客户</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">操作时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">操作人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CC01||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">红冲原因</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA06||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view>
				</view>
			</view>
			<!--  -->
			<view class="pay-list" v-else>
				<view>
					<view class="pay-list-li">
						<text class="pay-type">处理进度</text>
						<view class="pay-type-explan pay-type-jindu">
							<view class="pay-type-box">
								<view class="pay-type-one">1</view>
								<view class="pay-type-line"></view>
								<view class="pay-type-one">2</view>
								<view class="pay-type-line"></view>
								<view class="pay-type-one">3</view>
							</view>
							<view class="pay-type-box pay-type-title">
								<view class="pay-type-title-one pay-type-title-font">发起提现申请</view>
								<view class="pay-type-title-two">
									<view class="pay-type-title-font">平台审核中</view>
									<view style="color: #666;">2021-08-05 13:00:00</view>
								</view>
								<view class="pay-type-title-three">
									<view class="pay-type-title-font">审核成功</view>
									<view style="color: #666;">2021-08-05 13:00:00</view>
								</view>
							</view>
					
						</view>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">提现账号</text>
						<text class="pay-type-explan">红冲</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">收款人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB410CA00||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA07||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CC01||''}}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">转账凭证</text>
						<image class="pay-list-li-image" :src="getStaticFilePath('/QXY/noData.png')"
						 mode="">
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核备注</text>
						<text class="pay-type-explan">{{payDetaList.ORMTB420CA08||''}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navbarTitle: '加油金收支详情',
				payDetaList: [],
				ORMTB420ID: "",
				TYPE: 'JY',
				objType:{},
				
			}
		},
		onLoad(option) {
			console.log(option)
			// const obj = JSON.parse(decodeURIComponent(option.TYPE));
			this.objType = JSON.parse(decodeURIComponent(option.TYPE))
			console.log(this.objType)
			// this.TYPE = option.TYPE
			// this.ORMTB420ID = option.ORMTB420ID
			// console.log(option)
		},
		onShow() {
			// this.titleMO()
			// this.postData()
		},
		methods: {
			postData() {
				this.payDetaList = [];
				uni.showLoading({
					title: '请求中...',
					mask: true
				});
				uni.request({
					url: this.baseUrl + '/orm/ormtb420/select420ListById',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB420ID: this.ORMTB420ID,
						TYPE: this.TYPE
					},
					success: (res) => {
						console.log(res);
						if (res.data.code == 200) {
							this.payDetaList = res.data.data[0];
						} else {
							this.payDetaList = [];
							uni.showToast({
								title: res.data.message,
								duration: 5000,
								icon: 'none',
							});
						}
						uni.hideLoading();
					},
					fail: (res) => {
						uni.hideLoading();
						uni.showToast({
							title: res.data.message,
							duration: 5000,
							icon: 'none',
						});
					}
				});
			},
			titleMO() {
				if (this.TYPE == 'CZ') {
					this.navbarTitle = '充值详情'
				} else if (this.TYPE == 'TX') {
					this.navbarTitle = '提现详情'
				} else if (this.TYPE == 'TK') {
					this.navbarTitle = '退款详情'
				} else if (this.TYPE == 'HC') {
					this.navbarTitle = '红冲详情'
				} else if (this.TYPE == 'KK') {
					this.navbarTitle = '扣款详情'
				} 
				else if (this.TYPE == 'SR') {
					this.navbarTitle = '运费详情'
				}
				else if (this.TYPE == 'YDKK') {
					this.navbarTitle = '运费运单扣款详情'
				}
				else if (this.TYPE == 'QX') {
					this.navbarTitle = '运单补偿详情'
				}
				else if (this.TYPE == 'BC') {
					this.navbarTitle = '取消扣款详情'
				}
				else if (this.TYPE == 'YK') {
					this.navbarTitle = '油卡详情'
				}
				else {
					this.navbarTitle = '账单详情'
				}
			},
		}
	}
</script>

<style scoped>
	/*下面的部分*/

	.paymentDetails .payment-explan {
		width: 100%;
		/* margin-top: 176rpx; */

	}

	.paymentDetails .pay-amount {
		width: 100%;
		height: 115rpx;
		line-height: 118rpx;
		display: flex;
		justify-content: space-between;
		padding: 0 70rpx;
	}

	.paymentDetails .pay-doll {
		font-size: 36rpx;
		color: rgba(153, 153, 153, 1);
	}

	.paymentDetails .pay-dell {
		font-size: 44rpx;
		color: rgba(255, 99, 99, 1);
	}

	.paymentDetails .pay-line {
		height: 2rpx;
		width: 80%;
		background: rgba(234, 234, 234, 1);
		margin: 0 auto;
	}

	.paymentDetails .pay-list {
		min-height: 360rpx;
		width: 100%;
		height: auto;
		/* font-size: 30rpx; */
	}

	.paymentDetails .pay-list-li {
		width: 100%;
		/* height: 30rpx; */
		display: flex;
		justify-content: space-between;
		padding: 15rpx 30rpx;
		/* padding: 30rpx 70rpx; */
	}

	.paymentDetails .pay-type {
		color: rgba(153, 153, 153, 1);
	}

	.paymentDetails .pay-type-explan {
		color: rgba(102, 102, 102, 1);
	}
	/*  */
	.pay-list-li-image {
		width: 200rpx;
		height: 200rpx;
	}
	.pay-type-jindu{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.pay-type-box{
		color:#0CAFFF ;
	}
	.pay-type-one{
		width: 50rpx;
		height: 50rpx;
		border-radius: 50%;
		border: 3rpx solid #0CAFFF;
		text-align: center;
		line-height: 50rpx;
	}
	.pay-type-line{
		width:5rpx;
		height: 45rpx;
		margin: 0 22.5rpx;
		text-align: center;
		background: #0CAFFF;
	}
	.pay-type-title{
		height: 240rpx;
	}
	.pay-type-title-font{
		font-size: 32rpx;
	}
	.pay-type-title-one{
		padding: 15.5rpx 0 15.5rpx 20rpx;
	}
	.pay-type-title-two{
		padding: 28.5rpx 0 28.5rpx 20rpx;
	}
	.pay-type-title-three{
		padding: 5rpx 0 5rpx 20rpx;
	}
</style>
